<!doctype html><html lang=en-us dir=ltr><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Markdown Notes 📪 # 对勾和叉叉(叉号) # #对勾 #叉号
- &amp;#9744; x &amp;cross; - &amp;#9745; &amp;#10004; &amp;check; ☐ x ✗ ☑ ✔ ✓ HTML锚点 - 页面内点击跳转 # 可以使用 HTML 锚点来实现点击内容跳转当前页面某标题。 具体实现方法如下：
首先，在需要跳转到的标题前插入一个 HTML 锚点，例如： ### <a name=&#34;section1&#34;>Section 1</a> 这个锚点的名称为 &#34;section1&#34;，可以根据需要自定义。 在需要点击跳转的内容处，使用 Markdown 的链接语法，将链接地址设置为锚点名称加上 # 符号，例如： [跳转到 Section 1](#section1) 这样，点击这个链接就会跳转到页面中的 &#34;Section 1&#34; 标题处。 注意事项： # 锚点名称必须是唯一的，否则链接可能会跳转到错误的位置。 如果需要跳转到其他页面的锚点，链接地址应该包括页面路径和锚点名称，例如：/path/to/page.html#section1。
## Test 二级标题
Now I will test the Markdown&rsquo;s hobiy 二级 # Maybe is a nice way to impove my blog."><meta name=theme-color content="#FFFFFF"><meta name=color-scheme content="light dark"><meta property="og:title" content="Tips of MarkDown"><meta property="og:description" content="Markdown Notes 📪 # 对勾和叉叉(叉号) # #对勾 #叉号
- &amp;#9744; x &amp;cross; - &amp;#9745; &amp;#10004; &amp;check; ☐ x ✗ ☑ ✔ ✓ HTML锚点 - 页面内点击跳转 # 可以使用 HTML 锚点来实现点击内容跳转当前页面某标题。 具体实现方法如下：
首先，在需要跳转到的标题前插入一个 HTML 锚点，例如： ### <a name=&#34;section1&#34;>Section 1</a> 这个锚点的名称为 &#34;section1&#34;，可以根据需要自定义。 在需要点击跳转的内容处，使用 Markdown 的链接语法，将链接地址设置为锚点名称加上 # 符号，例如： [跳转到 Section 1](#section1) 这样，点击这个链接就会跳转到页面中的 &#34;Section 1&#34; 标题处。 注意事项： # 锚点名称必须是唯一的，否则链接可能会跳转到错误的位置。 如果需要跳转到其他页面的锚点，链接地址应该包括页面路径和锚点名称，例如：/path/to/page.html#section1。
## Test 二级标题
Now I will test the Markdown&rsquo;s hobiy 二级 # Maybe is a nice way to impove my blog."><meta property="og:type" content="article"><meta property="og:url" content="http://example.org/docs/programmer/langs/tips-of-markdown/"><meta property="article:section" content="docs"><meta property="article:published_time" content="2018-05-15T10:00:47+00:00"><meta property="article:modified_time" content="2018-05-15T10:00:47+00:00"><title>Tips of MarkDown | Ian's Blog</title>
<link rel=manifest href=/manifest.json><link rel=icon href=/favicon.png type=image/x-icon><link rel=stylesheet href=/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin=anonymous><script defer src=/flexsearch.min.js></script><script defer src=/en.search.min.80b0c12c6a3982c23bab5eb1d10c75b4cf8bfbaa1c7e183729648ce8a09207d7.js integrity="sha256-gLDBLGo5gsI7q16x0Qx1tM+L+6ocfhg3KWSM6KCSB9c=" crossorigin=anonymous></script></head><body dir=ltr><input type=checkbox class="hidden toggle" id=menu-control>
<input type=checkbox class="hidden toggle" id=toc-control><main class="container flex"><aside class=book-menu><div class=book-menu-content><nav><h2 class=book-brand><a class="flex align-center" href=/><span>Ian's Blog</span></a></h2><div class=book-search><input type=text id=book-search-input placeholder=Search aria-label=Search maxlength=64 data-hotkeys=s/><div class="book-search-spinner hidden"></div><ul id=book-search-results></ul></div><ul><li class=book-section-flat><a href=/docs/programmer/>程序员笔记</a><ul><li><input type=checkbox id=section-d5f99046a51e5e750b61f2e037945fcc class=toggle>
<label for=section-d5f99046a51e5e750b61f2e037945fcc class="flex justify-between"><a role=button>基础工具和配置</a></label><ul><li><a href=/docs/programmer/basetc/%E6%96%87%E6%9C%AC%E4%B8%89%E5%89%91%E5%AE%A2/>文本三剑客</a></li><li><a href=/docs/programmer/basetc/tmux/>Tmux使用笔记</a></li><li><a href=/docs/programmer/basetc/obsidian%E6%80%9D%E7%BB%B4%E5%AF%BC%E5%9B%BE%E6%8F%92%E4%BB%B6/>Obsidian思维导图插件</a></li><li><a href=/docs/programmer/basetc/for_china/>各个软件换源</a></li><li><a href=/docs/programmer/basetc/tipsofvim/>tip Of vim</a></li><li><a href=/docs/programmer/basetc/editer/>编辑器使用</a></li><li><a href=/docs/programmer/basetc/bash/>Bash</a></li><li><a href=/docs/programmer/basetc/gitbook/>Gitbook</a></li><li><a href=/docs/programmer/basetc/vim/>Vim</a></li><li><a href=/docs/programmer/basetc/%E5%AE%88%E6%8A%A4%E8%BF%9B%E7%A8%8B/>supervisor</a></li></ul></li><li><input type=checkbox id=section-8658298e10b544e890095f646916165a class=toggle>
<label for=section-8658298e10b544e890095f646916165a class="flex justify-between"><a href=/docs/programmer/cloudnative/>云原生</a></label><ul><li><input type=checkbox id=section-31d3b02fd4a132635e483e7e756058ea class=toggle>
<label for=section-31d3b02fd4a132635e483e7e756058ea class="flex justify-between"><a href=/docs/programmer/cloudnative/redis/>中间件</a></label><ul><li><a href=/docs/programmer/cloudnative/redis/python-redis-%E5%AE%A2%E6%88%B7%E7%AB%AF/>Python Redis 客户端</a></li><li><a href=/docs/programmer/cloudnative/redis/bigkey-and-hotkey/>大key、热key问题</a></li><li><a href=/docs/programmer/cloudnative/redis/the-basics-of-redis/>Redis基础</a></li><li><a href=/docs/programmer/cloudnative/redis/advanced-knowledge-of-redis/>Redis进阶</a></li><li><a href=/docs/programmer/cloudnative/redis/%E4%BD%BF%E7%94%A8%E5%91%BD%E4%BB%A4/>Redis常用命令</a></li></ul></li><li><input type=checkbox id=section-62d608ed890b3abc76dae78ccfcab912 class=toggle>
<label for=section-62d608ed890b3abc76dae78ccfcab912 class="flex justify-between"><a role=button>k8s</a></label><ul><li><a href=/docs/programmer/cloudnative/k8s/elk%E5%9C%A8k8s%E4%B8%8A%E7%9A%84%E9%83%A8%E7%BD%B2%E4%BD%BF%E7%94%A8%E7%A4%BA%E4%BE%8B/>elk在k8s上的部署使用示例</a></li><li><a href=/docs/programmer/cloudnative/k8s/k8s-%E9%85%8D%E5%A5%97%E8%AF%B4%E6%98%8E/>k8s 配套说明</a></li><li><a href=/docs/programmer/cloudnative/k8s/k8s-%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/>k8s技术分享</a></li><li><a href=/docs/programmer/cloudnative/k8s/k8s%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4%E5%92%8C%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%E8%A7%A3%E6%9E%90/>k8s学习-常用命令和配置文件</a></li><li><a href=/docs/programmer/cloudnative/k8s/argo-workflow%E6%80%A7%E8%83%BD%E6%B5%8B%E8%AF%95%E5%92%8C%E4%BD%BF%E7%94%A8%E5%9C%BA%E6%99%AF%E5%88%86%E6%9E%90/>Argo Workflow性能测试和使用场景分析</a></li><li><a href=/docs/programmer/cloudnative/k8s/argo-%E4%BD%BF%E7%94%A8%E8%AE%B0%E5%BD%95/>Argo 使用记录</a></li></ul></li><li><input type=checkbox id=section-b828bf3d116bc282da9db25a06bf908e class=toggle>
<label for=section-b828bf3d116bc282da9db25a06bf908e class="flex justify-between"><a role=button>中间件</a></label><ul><li><a href=/docs/programmer/cloudnative/middleware/kafka-%E5%AE%89%E8%A3%85%E5%92%8C%E4%BD%BF%E7%94%A8/>Kafka 安装和使用</a></li></ul></li><li><a href=/docs/programmer/cloudnative/%E5%AE%B9%E5%99%A8/note-of-podman/>Podman</a></li><li><a href=/docs/programmer/cloudnative/nginx%E5%AE%9E%E7%94%A8%E9%85%8D%E7%BD%AE/>Nginx实用配置</a></li><li><a href=/docs/programmer/cloudnative/uwsgi-%E5%A4%84%E7%90%86%E8%AE%B0%E5%BD%95/>uwsgi 处理记录</a></li><li><a href=/docs/programmer/cloudnative/note-of-docker/>Docker</a></li><li><a href=/docs/programmer/cloudnative/%E5%AE%B9%E5%99%A8/note-of-docker/>Docker</a></li><li><a href=/docs/programmer/cloudnative/fastapi/>Django的建站的(｡･･)ﾉﾞ</a></li><li><a href=/docs/programmer/cloudnative/nginx-%E9%AB%98%E5%8F%AF%E7%94%A8/>Nginx高可用</a></li><li><a href=/docs/programmer/cloudnative/notesdjango/>Django的建站的(｡･･)ﾉﾞ</a></li><li><a href=/docs/programmer/cloudnative/sonar-%E4%BB%A3%E7%A0%81%E9%9D%99%E6%80%81%E6%A3%80%E6%9F%A5/>Sonar 代码静态检查</a></li></ul></li><li><input type=checkbox id=section-883e27361d38e16afb68faff3435ac0b class=toggle>
<label for=section-883e27361d38e16afb68faff3435ac0b class="flex justify-between"><a role=button>机器学习</a></label><ul><li><a href=/docs/programmer/ml/stable-diffusion/>AI画图</a></li><li><a href=/docs/programmer/ml/%E7%88%AC%E8%99%AB/>爬虫</a></li><li><a href=/docs/programmer/ml/paddle/>Paddle</a></li><li><a href=/docs/programmer/ml/tensorflow/>Tensorflow</a></li><li><a href=/docs/programmer/ml/opencv/>OpenCV</a></li><li><a href=/docs/programmer/ml/yolo/>Demo Test项目中的一些东西</a></li><li><a href=/docs/programmer/ml/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%B8%B8%E7%94%A8%E5%BA%93%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95/>机器学习库</a></li></ul></li><li><input type=checkbox id=section-0bf4f4329214e20fa67ca3e12c6aad0c class=toggle>
<label for=section-0bf4f4329214e20fa67ca3e12c6aad0c class="flex justify-between"><a role=button>平台</a></label><ul><li><a href=/docs/programmer/platforms/ubuntu/>Ubuntu</a></li><li><a href=/docs/programmer/platforms/%E9%98%BF%E9%87%8C%E4%BA%91%E4%BD%BF%E7%94%A8/>阿里云使用</a></li><li><a href=/docs/programmer/platforms/wps-for-linux/>WPS for Linux</a></li><li><a href=/docs/programmer/platforms/appsflyer/>AppsFlyer-外网移动归因营销分析平台</a></li></ul></li><li><input type=checkbox id=section-bf4e0d6f0b81f7b3ec08ed1fc66b874d class=toggle checked>
<label for=section-bf4e0d6f0b81f7b3ec08ed1fc66b874d class="flex justify-between"><a href=/docs/programmer/langs/>编程语言</a></label><ul><li><input type=checkbox id=section-771df6c720301e69f1715f7fc174ac3d class=toggle>
<label for=section-771df6c720301e69f1715f7fc174ac3d class="flex justify-between"><a role=button>Python</a></label><ul><li><a href=/docs/programmer/langs/python/sqlalchemy/>SqlAlchemy - 数据库Orm</a></li><li><a href=/docs/programmer/langs/python/pypi/>PyPi使用说明</a></li><li><a href=/docs/programmer/langs/python/pytest/>PyTest</a></li><li><a href=/docs/programmer/langs/python/paramiko-%E4%BD%BF%E7%94%A8-sshsftp/>Paramiko 使用 Ssh&amp;sftp</a></li><li><a href=/docs/programmer/langs/python/%E5%A4%9A%E7%BA%BF%E7%A8%8B%E5%A4%9A%E8%BF%9B%E7%A8%8B/>Python 多线程多进程</a></li><li><a href=/docs/programmer/langs/python/notespython/>Python 常用库</a></li><li><a href=/docs/programmer/langs/python/notespython/>Python 笔记</a></li><li><a href=/docs/programmer/langs/python/py%E5%B0%8F%E5%B7%A5%E5%85%B7%E5%92%8C%E5%8A%9F%E8%83%BD%E6%80%A7%E6%96%B9%E6%B3%95/>Py小工具和功能性方法</a></li><li><a href=/docs/programmer/langs/python/notespython/>解决问题</a></li></ul></li><li><input type=checkbox id=section-9f8ac8f06e138c7ac13ff61f23b4d497 class=toggle>
<label for=section-9f8ac8f06e138c7ac13ff61f23b4d497 class="flex justify-between"><a role=button>Golang</a></label><ul><li><a href=/docs/programmer/langs/golang/advanced-knowledge-of-golang/>Golang进阶笔记</a></li><li><a href=/docs/programmer/langs/golang/noteofgoexp/>Golang进阶笔记</a></li><li><a href=/docs/programmer/langs/golang/note-of-golang/>Golang笔记</a></li><li><a href=/docs/programmer/langs/golang/noteofgolang/>Golang笔记</a></li></ul></li><li><a href=/docs/programmer/langs/cmake/>CMake 使用Tips</a></li><li><a href=/docs/programmer/langs/tips-of-debugers/>Tips of debuggers</a></li><li><a href=/docs/programmer/langs/tips-of-markdown/ class=active>Tips of MarkDown</a></li><li><a href=/docs/programmer/langs/java/notesjava/>愉快的Java(happy to learn the fuck java)</a></li><li><a href=/docs/programmer/langs/note-for-fmtdata/>数据格式笔记</a></li></ul></li><li><input type=checkbox id=section-de7bfad1d124522974cdf8addfbb23f2 class=toggle>
<label for=section-de7bfad1d124522974cdf8addfbb23f2 class="flex justify-between"><a role=button>Net</a></label><ul><li><a href=/docs/programmer/net/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/>网络编程</a></li><li><a href=/docs/programmer/net/nginx%E5%AE%9E%E7%94%A8%E9%85%8D%E7%BD%AE/>Nginx实用配置</a></li><li><a href=/docs/programmer/net/tips-of-grpc/>gRpc使用小记</a></li><li><a href=/docs/programmer/net/epoll%E5%AE%9E%E7%8E%B0/>Epoll实现</a></li><li><a href=/docs/programmer/net/net/>Epoll实现</a></li></ul></li><li><input type=checkbox id=section-4446dd07527142b855f26d7cc8f0e617 class=toggle>
<label for=section-4446dd07527142b855f26d7cc8f0e617 class="flex justify-between"><a href=/docs/programmer/database/>Database</a></label><ul><li><a href=/docs/programmer/database/mongodb/>Mongodb使用记录</a></li><li><a href=/docs/programmer/database/dgraph/>Dgraph使用小记</a></li><li><a href=/docs/programmer/database/note-of-db-data-mongodb/>数据库-MongoDB篇</a></li><li><a href=/docs/programmer/database/note-of-db-data/>数据库-MongoDB篇</a></li><li><a href=/docs/programmer/database/note-of-db-data-mysql/>数据库-MySQL篇</a></li></ul></li><li><input type=checkbox id=section-7e5360c5e7954906b897ed79085884b6 class=toggle>
<label for=section-7e5360c5e7954906b897ed79085884b6 class="flex justify-between"><a href=/docs/programmer/gui/>图形用户界面-GUI</a></label><ul><li><a href=/docs/programmer/gui/pyinstaller-python%E6%89%93%E5%8C%85/>python打包</a></li><li><a href=/docs/programmer/gui/pyinstaller/>python打包</a></li><li><a href=/docs/programmer/gui/qt/>Qt/PySide</a></li><li><a href=/docs/programmer/gui/noteofvn_py/>Vn.Py学习笔记（Python交易平台框架）</a></li><li><a href=/docs/programmer/gui/vn.py%E7%AC%94%E8%AE%B0-%E4%BA%A4%E6%98%93%E5%B9%B3%E5%8F%B0%E5%AE%A2%E6%88%B7%E7%AB%AF/>Vn.Py学习笔记（Python交易平台框架）</a></li><li><a href=/docs/programmer/gui/notespython/>图形化界面 （Python Gui）</a></li><li><a href=/docs/programmer/gui/notespython/>图形化界面 （Python Gui）</a></li></ul></li><li><input type=checkbox id=section-ddcbe632dc99a9fb372422dada8ee641 class=toggle>
<label for=section-ddcbe632dc99a9fb372422dada8ee641 class="flex justify-between"><a role=button>OS操作系统问题处理</a></label><ul><li><a href=/docs/programmer/os/install_some/>安装问题</a></li><li><a href=/docs/programmer/os/android/>安卓</a></li><li><a href=/docs/programmer/os/freebsd/>FreeBSD</a></li><li><a href=/docs/programmer/os/note-of-linux/>Linux 笔记</a></li><li><a href=/docs/programmer/os/npm/>Npm</a></li><li><a href=/docs/programmer/os/git/>Git</a></li><li><a href=/docs/programmer/os/problem-of-windows/>Windows 爬坑记</a></li><li><a href=/docs/programmer/os/tips-of-problems/>解决问题记录笔记</a></li></ul></li><li><input type=checkbox id=section-d325c59fc6513e1b1e05a60b192d4973 class=toggle>
<label for=section-d325c59fc6513e1b1e05a60b192d4973 class="flex justify-between"><a href=/docs/programmer/hardware/>硬件</a></label><ul><li><a href=/docs/programmer/hardware/raspberrypi/>Raspberry Pi</a></li><li><a href=/docs/programmer/hardware/screen/>Screen</a></li></ul></li></ul></li><li class=book-section-flat><span>建模和游戏</span><ul><li><a href=/docs/3dgame/blender/>Blender</a></li><li><a href=/docs/3dgame/noteofue4/>UE4 笔记</a></li></ul></li><li class=book-section-flat><a href=/docs/example/>Hugo特殊Markdown语法说明</a><ul><li><a href=/docs/example/table-of-contents/>Table of Contents</a><ul><li><a href=/docs/example/table-of-contents/with-toc/>With ToC</a></li><li><a href=/docs/example/table-of-contents/without-toc/>Without ToC</a></li></ul></li><li><a href=/docs/example/shortcodes/buttons/>Buttons</a></li><li><a href=/docs/example/shortcodes/columns/>Columns</a></li><li><a href=/docs/example/shortcodes/details/>Details</a></li><li><a href=/docs/example/shortcodes/expand/>Expand</a></li><li><a href=/docs/example/shortcodes/hints/>Hints</a></li><li><a href=/docs/example/shortcodes/tabs/>Tabs</a></li></ul></li></ul><ul><li><a href=/posts/>Blog</a></li></ul></nav><script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script></div></aside><div class=book-page><header class=book-header><div class="flex align-center justify-between"><label for=menu-control><img src=/svg/menu.svg class=book-icon alt=Menu>
</label><strong>Tips of MarkDown</strong>
<label for=toc-control><img src=/svg/toc.svg class=book-icon alt="Table of Contents"></label></div><aside class="hidden clearfix"><nav id=TableOfContents><ul><li><a href=#对勾和叉叉叉号>对勾和叉叉(叉号)</a></li><li><a href=#html锚点---页面内点击跳转>HTML锚点 - 页面内点击跳转</a><ul><li><a href=#注意事项>注意事项：</a></li></ul></li><li><a href=#now-i-will-test-the-markdowns-hobiy-二级>Now I will test the Markdown&rsquo;s hobiy 二级</a><ul><li><a href=#maybe-is-a-nice-way-to-impove-my-blog-三级>Maybe is a nice way to impove my blog. 三级</a></li><li><a href=#新的区块>新的区块</a></li></ul></li><li><a href=#markdown-字体颜色流程图>Markdown 字体颜色、流程图</a><ul><li></li><li><a href=#流程图>流程图</a></li><li><a href=#字体颜色>字体颜色</a></li><li><a href=#超链接>超链接</a></li><li><a href=#表格>表格</a></li><li><a href=#的用法>@的用法</a></li><li><a href=#注释>注释</a></li><li><a href=#插入图片只能插入网图>插入图片：只能插入网图…</a></li><li><a href=#关于-痛苦的进行中>关于``` 痛苦的进行中</a></li></ul></li><li><a href=#折叠>折叠</a></li><li><a href=#文本字体速查表>文本字体速查表</a></li><li><a href=#高亮>高亮</a></li></ul></nav></aside></header><article class=markdown><h1 id=markdown-notes->Markdown Notes 📪
<a class=anchor href=#markdown-notes->#</a></h1><p><img src=https://justyy.com/wp-content/uploads/2016/01/markdown-syntax-language.png alt=markdown></p><h2 id=对勾和叉叉叉号>对勾和叉叉(叉号)
<a class=anchor href=#%e5%af%b9%e5%8b%be%e5%92%8c%e5%8f%89%e5%8f%89%e5%8f%89%e5%8f%b7>#</a></h2><p>#对勾 #叉号</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-markdown data-lang=markdown><span style=display:flex><span><span style=color:#66d9ef>-</span> &amp;#9744; x &amp;cross; 
</span></span><span style=display:flex><span><span style=color:#66d9ef>-</span> &amp;#9745; &amp;#10004; &amp;check;
</span></span></code></pre></div><ul><li>☐ x ✗</li><li>☑ ✔ ✓</li></ul><h2 id=html锚点---页面内点击跳转>HTML锚点 - 页面内点击跳转
<a class=anchor href=#html%e9%94%9a%e7%82%b9---%e9%a1%b5%e9%9d%a2%e5%86%85%e7%82%b9%e5%87%bb%e8%b7%b3%e8%bd%ac>#</a></h2><blockquote><p>可以使用 HTML 锚点来实现点击内容跳转当前页面某标题。
具体实现方法如下：</p></blockquote><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-markdown data-lang=markdown><span style=display:flex><span>首先，在需要跳转到的标题前插入一个 HTML 锚点，例如：
</span></span><span style=display:flex><span><span style=color:#75715e>### &lt;a name=&#34;section1&#34;&gt;Section 1&lt;/a&gt;
</span></span></span><span style=display:flex><span><span style=color:#75715e></span>这个锚点的名称为 &#34;section1&#34;，可以根据需要自定义。
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>在需要点击跳转的内容处，使用 Markdown 的链接语法，将链接地址设置为锚点名称加上 # 符号，例如：
</span></span><span style=display:flex><span>[<span style=color:#f92672>跳转到 Section 1</span>](<span style=color:#a6e22e>#section1</span>)
</span></span><span style=display:flex><span>这样，点击这个链接就会跳转到页面中的 &#34;Section 1&#34; 标题处。
</span></span></code></pre></div><h3 id=注意事项>注意事项：
<a class=anchor href=#%e6%b3%a8%e6%84%8f%e4%ba%8b%e9%a1%b9>#</a></h3><p>锚点名称必须是唯一的，否则链接可能会跳转到错误的位置。
如果需要跳转到其他页面的锚点，链接地址应该包括页面路径和锚点名称，例如：/path/to/page.html#section1。</p><hr><p><code>## Test 二级标题</code></p><h2 id=now-i-will-test-the-markdowns-hobiy-二级>Now I will test the Markdown&rsquo;s hobiy 二级
<a class=anchor href=#now-i-will-test-the-markdowns-hobiy-%e4%ba%8c%e7%ba%a7>#</a></h2><h3 id=maybe-is-a-nice-way-to-impove-my-blog-三级>Maybe is a nice way to impove my blog. 三级
<a class=anchor href=#maybe-is-a-nice-way-to-impove-my-blog-%e4%b8%89%e7%ba%a7>#</a></h3><pre><code>原来标题 要# 与正文隔开一个空格…
···print “hello Markdown”···
</code></pre><p>欸？ 怎么回事？上面的文字
莫非是用Tab能将其放到一个容器里？</p><h3 id=新的区块>新的区块
<a class=anchor href=#%e6%96%b0%e7%9a%84%e5%8c%ba%e5%9d%97>#</a></h3><pre><code>你好，这是我新创建的容器。
———好吧，只有直接在标题之下的Tab才能创建

no~，在空行下面也是可以的。
</code></pre><p><a href=mailto:address@example.com>address@example.com</a></p><h2 id=markdown-字体颜色流程图>Markdown 字体颜色、流程图
<a class=anchor href=#markdown-%e5%ad%97%e4%bd%93%e9%a2%9c%e8%89%b2%e6%b5%81%e7%a8%8b%e5%9b%be>#</a></h2><h4 id=斜体>斜体
<a class=anchor href=#%e6%96%9c%e4%bd%93>#</a></h4><pre><code>*文字*：前后星号斜体
</code></pre><p><em>就像这样？</em></p><h3 id=流程图>流程图
<a class=anchor href=#%e6%b5%81%e7%a8%8b%e5%9b%be>#</a></h3><p>st=>start: Start
e=>end: End
opl=>operation: My Operation
sub1=>subroutine: My subroutine
cond=>condition: Yes or No?
io=>inputoutput: catch something</p><hr><p>呃 流程图我不清楚，不过</p><h3 id=字体颜色>字体颜色
<a class=anchor href=#%e5%ad%97%e4%bd%93%e9%a2%9c%e8%89%b2>#</a></h3><p>可以内嵌html
：你好，我是红色吗?，</p><p>你好，我是自定义色吗?
即</p><pre><code>&lt;font color=red&gt;你好，我是红色吗?&lt;/font&gt;
&lt;font color=#75362109&gt;你好，我是自定义色吗?&lt;/font&gt;
</code></pre><p>刚开始我还在好奇怎么三色RGB怎么变成四个了，原来起作用的还是三个，只不过markdown选择性忽略了多余的字节。😰 这段话的配置如下：</p><pre><code>&lt;font color=#ff36ff&gt;骚气的颜色~&lt;/font&gt; 
</code></pre><h3 id=超链接>超链接
<a class=anchor href=#%e8%b6%85%e9%93%be%e6%8e%a5>#</a></h3><p><a href=https://www.google.com.hk>Super Link is me?</a> Yes , you are successful link to Google.hk</p><pre><code>[Super Link is me?](https://www.google.com.hk)  
</code></pre><h3 id=表格>表格
<a class=anchor href=#%e8%a1%a8%e6%a0%bc>#</a></h3><table><thead><tr><th style=text-align:left></th><th style=text-align:center></th><th style=text-align:right></th></tr></thead><tbody><tr><td style=text-align:left>1</td><td style=text-align:center><code>111</code></td><td style=text-align:right>a</td></tr><tr><td style=text-align:left>2</td><td style=text-align:center><code>222</code></td><td style=text-align:right>b</td></tr><tr><td style=text-align:left>3</td><td style=text-align:center><code>333</code></td><td style=text-align:right>c</td></tr><tr><td style=text-align:left>4</td><td style=text-align:center><code>444</code></td><td style=text-align:right>d</td></tr><tr><td style=text-align:left>6</td><td style=text-align:center><code>555</code></td><td style=text-align:right>e</td></tr><tr><td style=text-align:left>7</td><td style=text-align:center><code>666</code></td><td style=text-align:right>f</td></tr></tbody></table><h4 id=序列>序列
<a class=anchor href=#%e5%ba%8f%e5%88%97>#</a></h4><ul><li>这是第一行</li><li>这是第二行</li><li>第三</li><li>Like This</li></ul><ol><li>另种表现</li><li>实现方式</li><li>阿门</li></ol><h3 id=的用法>@的用法
<a class=anchor href=#%e7%9a%84%e7%94%a8%e6%b3%95>#</a></h3><p>@后跟随的关键字可以生成<code>Github</code>的搜索超链接 例如： @markdown</p><h3 id=注释>注释
<a class=anchor href=#%e6%b3%a8%e9%87%8a>#</a></h3><pre><code>[^_^]:
    这里是注释：这个是在制作ppt的时候来写注释的……  
    毕竟在笔记里面写注释怕是失了智…  毕竟不会被显示出来…
</code></pre><p>不过因为上面也说了是支持html语法的。所以……</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-html data-lang=html><span style=display:flex><span>    <span style=color:#75715e>&lt;!-- 这里是注释 隐藏区域--&gt;</span>
</span></span></code></pre></div><h3 id=插入图片只能插入网图>插入图片：只能插入网图…
<a class=anchor href=#%e6%8f%92%e5%85%a5%e5%9b%be%e7%89%87%e5%8f%aa%e8%83%bd%e6%8f%92%e5%85%a5%e7%bd%91%e5%9b%be>#</a></h3><p><img src=http://www.fzlol.com/upimg/allimg/141021/1_0T243L11.jpg alt></p><h3 id=关于-痛苦的进行中>关于``` 痛苦的进行中
<a class=anchor href=#%e5%85%b3%e4%ba%8e-%e7%97%9b%e8%8b%a6%e7%9a%84%e8%bf%9b%e8%a1%8c%e4%b8%ad>#</a></h3><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-md data-lang=md><span style=display:flex><span>    (⊙﹏⊙)， ```这东西是用来标注代码开始的，然而在有的编辑器中，若不是以单独一行会识别为`，也就是对平常语句中的字符的修饰。但是hexo显然不这么认为，所以只好将之前使用```的地方都改成`了 【2018年5月18日 纪念我勤奋的修改史】
</span></span></code></pre></div><h2 id=折叠>折叠
<a class=anchor href=#%e6%8a%98%e5%8f%a0>#</a></h2><h2 id=文本字体速查表>文本字体速查表
<a class=anchor href=#%e6%96%87%e6%9c%ac%e5%ad%97%e4%bd%93%e9%80%9f%e6%9f%a5%e8%a1%a8>#</a></h2><p>参考自: <a href="https://blog.csdn.net/zgdwxp/article/details/103156841#:~:text=Markdown%20%E6%94%AF%E6%8C%81%E5%B0%86%E5%AD%97%E4%BD%93%E8%AE%BE%E7%BD%AE%E4%B8%BA%E7%B2%97%E4%BD%93%E6%88%96%20%E6%96%9C%E4%BD%93%20%E3%80%82%20%E7%B2%97%E4%BD%93%20Markdown%20%E4%B8%AD%EF%BC%8C%E5%8F%AA%E8%A6%81%E5%9C%A8,%E6%96%87%E6%9C%AC%20%E7%9A%84%E5%89%8D%E5%90%8E%E5%8A%A0%E4%B8%A4%E4%B8%AA%20%2A%20%E6%88%96%E8%80%85%20_%20%E5%8D%B3%E5%8F%AF%E5%AE%8C%E6%88%90%E5%AD%97%E4%BD%93%20%E5%8A%A0%E7%B2%97%20%E3%80%82">csdn 王大雄</a></p><h2 id=高亮>高亮
<a class=anchor href=#%e9%ab%98%e4%ba%ae>#</a></h2><pre tabindex=0><code>1. 使用&#34;`&#34;双引, eg: `{要高亮的文本}`;
2. 使用&#34;```&#34; 跨行, eg:```\n{要高亮的文本}\n```;
3. HTML &lt;mark&gt;双引, eg: &lt;mark&gt;{要高亮的文本}&lt;mark&gt;
</code></pre><ol><li><code>要高亮的文本</code></li><li>见下</li></ol><pre tabindex=0><code>要高亮的文本
</code></pre><ol start=3><li>要高亮的文本</li></ol></article><footer class=book-footer><div class="flex flex-wrap justify-between"></div><script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script></footer><div class=book-comments></div><label for=menu-control class="hidden book-menu-overlay"></label></div><aside class=book-toc><div class=book-toc-content><nav id=TableOfContents><ul><li><a href=#对勾和叉叉叉号>对勾和叉叉(叉号)</a></li><li><a href=#html锚点---页面内点击跳转>HTML锚点 - 页面内点击跳转</a><ul><li><a href=#注意事项>注意事项：</a></li></ul></li><li><a href=#now-i-will-test-the-markdowns-hobiy-二级>Now I will test the Markdown&rsquo;s hobiy 二级</a><ul><li><a href=#maybe-is-a-nice-way-to-impove-my-blog-三级>Maybe is a nice way to impove my blog. 三级</a></li><li><a href=#新的区块>新的区块</a></li></ul></li><li><a href=#markdown-字体颜色流程图>Markdown 字体颜色、流程图</a><ul><li></li><li><a href=#流程图>流程图</a></li><li><a href=#字体颜色>字体颜色</a></li><li><a href=#超链接>超链接</a></li><li><a href=#表格>表格</a></li><li><a href=#的用法>@的用法</a></li><li><a href=#注释>注释</a></li><li><a href=#插入图片只能插入网图>插入图片：只能插入网图…</a></li><li><a href=#关于-痛苦的进行中>关于``` 痛苦的进行中</a></li></ul></li><li><a href=#折叠>折叠</a></li><li><a href=#文本字体速查表>文本字体速查表</a></li><li><a href=#高亮>高亮</a></li></ul></nav></div></aside></main></body></html>